<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>Welcome</title>
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link href="css/foosoui.css" rel="stylesheet">
		<link href="css/foosoui-black.css" rel="stylesheet">
		<style>.btn { width:70%;margin:5px auto; }</style>
	</head>
	<body>
		<div id="wrapper">
			<div class="page page-show welcome" id="page1">
				<div class="header">FoosoUI</div>
				<div class="content">
					<a href="demo-input.html" class="btn btn-default btn-block">Input</a>
					<a href="demo-button.html" class="btn btn-default btn-block">Button</a>
					<a href="demo-switcher.html" class="btn btn-default btn-block">Switcher</a>
					<a href="demo-menu.html" class="btn btn-default btn-block">Menu And TitleBar</a>
					<a href="demo-list-round.html" class="btn btn-default btn-block">list-round</a>
					<a href="demo-list-light.html" class="btn btn-default btn-block">list-light</a>
					<a href="demo-list-default.html" class="btn btn-default btn-block">list-default</a>
					<a href="demo-list-card.html" class="btn btn-default btn-block">list-card</a>
					<a href="demo-alertBar.html" class="btn btn-default btn-block">AlertBar</a>
					<a href="demo-alertBox.html" class="btn btn-default btn-block">AlertBox</a>
					<a href="demo-loadingBox.html" class="btn btn-default btn-block">LoadingBox</a>
					<a href="demo-pull.html" class="btn btn-default btn-block">Pull Down/Up</a>
					<a href="demo-page.html" class="btn btn-default btn-block">More than 1 page</a>
				</div>
			</div>
		</div> <!-- /#wrapper -->
		<script src="js/zepto.min.js"></script>
		<script src="js/foosoui.js"></script>
	</body>
</html>
